<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"/>

    <title>签证证件申请</title>
    <link rel="stylesheet" href="/css/weui.css"/>
    <link rel="stylesheet" href="/css/main.css"/>
    <script src="/js/vue.min.js"></script>
    <script src="/js/common.js"></script>
    <script src="/data/options.js"></script>
    <script src="/js/jquery-3.3.1.min.js"></script>
    <script th:utext="${applyJson}"></script>


</head>
<body>
<div class="page__bd" id="app">
    <div class="weui-cells__title" style="background-color: #f0f0f0;">
        基本信息
    </div>
    <div class="weui-cells">


        <div class="weui-cell">
            <div class="weui-cell__bd" style="flex: 1">
                姓
            </div>
            <div class="weui-cell__ft" style="flex: 3">
                {{form.ywx}}
            </div>
            <div class="div_blank"></div>
            <div class="weui-cell__bd" style="flex: 1">
                名
            </div>
            <div class="weui-cell__ft" style="flex: 3">
                {{form.ywm}}
            </div>
        </div>

        <div class="weui-cell">
            <div class="weui-cell__bd weui-cell__primary">
                中文姓名
            </div>
            <div class="weui-cell__ft" style="flex: 2;">
                {{form.zwxm}}
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__bd weui-cell__primary">
                申请人电话
            </div>
            <div class="weui-cell__ft" style="flex: 2;">
                {{form.jnlxdh}}
            </div>
        </div>


        <div class="weui-cell">
            <div class="weui-cell__bd">
                国家/地区
            </div>
            <div class="weui-cell__ft" style="flex: 2;">
                {{gjdqName}}
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__bd weui-cell__primary">
                出生日期
            </div>
            <div class="weui-cell__ft" style="flex: 2;">
                {{form.csrq}}
            </div>
        </div>

        <div class="weui-cell">
            <div class="weui-cell__bd weui-cell__primary">
                出生地
            </div>
            <div class="weui-cell__ft" style="flex: 2;">
                {{csdName}}
            </div>
        </div>

        <div class="weui-cell">
            <div class="weui-cell__bd">
                性别
            </div>
            <div class="weui-cell__ft" style="flex: 2;">
                {{xbName}}
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__bd weui-cell__primary">
                在华住址
            </div>
            <div class="weui-cell__ft" style="flex: 2;">
                {{form.jnjzdxxdz}}
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__bd weui-cell__primary">
                联系人姓名
            </div>
            <div class="weui-cell__ft" style="flex: 2;">
                {{form.dbr}}
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__bd weui-cell__primary">
                联系人电话
            </div>
            <div class="weui-cell__ft" style="flex: 2;">
                {{form.dbrlxdh}}
            </div>
        </div>
    </div>

    <div class="weui-cells__title" style="background-color: #f0f0f0;">
        现持护照签证信息
    </div>
    <div class="weui-cells">
        <div class="weui-cell">
            <div class="weui-cell__bd">
                护照种类
            </div>
            <div class="weui-cell__ft" style="flex: 2;">
                {{xczjzlName}}
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__bd weui-cell__primary">
                护照号码
            </div>
            <div class="weui-cell__ft" style="flex: 2;">
                {{form.xczjhm}}
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__bd weui-cell__primary">
                护照有效期至
            </div>
            <div class="weui-cell__ft" style="flex: 2;">
                {{form.xczjyxqz}}
            </div>
        </div>

        <div class="weui-cell">
            <div class="weui-cell__bd">
                现持有效签证证件种类
            </div>
            <div class="weui-cell__ft">
                {{xcqzzlName}}
            </div>
        </div>
        <div class="weui-cell" :class="{hidden_div:xcqzDisplay}">
            <div class="weui-cell__bd weui-cell__primary">
                现持签证证件号码
            </div>
            <div class="weui-cell__ft" >
                {{form.xcqzhm}}
            </div>
        </div>
        <div class="weui-cell" :class="{hidden_div:xcqzDisplay}">
            <div class="weui-cell__bd weui-cell__primary">
                现持签证有效期至
            </div>
            <div class="weui-cell__ft">
                {{form.xcqzyxqz}}
            </div>
        </div>


    </div>


    <div class="weui-cells__title" style="background-color: #f0f0f0;">
        申请信息
    </div>
    <div class="weui-cells weui-cells_checkbox">
        <div class="weui-cell">
            <div class="weui-cell__bd">
                申请证件类别
            </div>
            <div class="weui-cell__ft" style="flex: 2;">
                {{sqlbName}}
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__bd">
                办证类别
            </div>
            <div class="weui-cell__ft" style="flex: 2;">
                {{bzlxName}}
            </div>
        </div>
        <div class=" weui-cell" :class="{hidden_div:sqqzDisplay}">
            <div class="weui-cell__bd">
                申请签证种类
            </div>
            <div class="weui-cell__ft" style="flex: 2;">
                {{sqqzzlName}}
            </div>
        </div>
        <div class=" weui-cell" :class="{hidden_div:sqtlDisplay}">
            <div class="weui-cell__bd">
                {{jlxksyTitle}}
            </div>
            <div class="weui-cell__ft" style="flex: 2;">
                {{jlxksyName}}
            </div>
        </div>

        <div class="weui-cell">
            <div class="weui-cell__bd weui-cell__primary">
                申请停留期限至
            </div>
            <div class="weui-cell__ft">
                {{form.qzyxqz}}
            </div>
        </div>

    </div>




</div>

<div class="js_dialog" id="iosDialog" style="display: none;">
    <div class="weui-mask"></div>
    <div class="weui-dialog">
        <div class="weui-dialog__bd" id="dialogContent">弹窗内容，告知当前状态、信息和解决方法，描述文字尽量控制在三行内</div>
        <div class="weui-dialog__ft">
            <a href="javascript:hideDialog();" class="weui-dialog__btn weui-dialog__btn_primary">知道了</a>
        </div>
    </div>
</div>
<script>




</script>

<script src="/js/wgrtbView.js"></script>
</body>
</html>